<template>
  <ElRow :gutter="24">
    <ElCol :span="6">
      <ElCard shadow="never" style="max-height: 800px; overflow-y: auto">
        <CETreeSearch :treeData="data" />
      </ElCard>
    </ElCol>
    <ElCol :span="18">
      <div style="width: 560px">
        <CETreeSelect :data="data" v-model="selectValue" />
      </div>
    </ElCol>
  </ElRow>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue'
import { testTreeData } from '@/api/common'

const data = ref([])

const selectValue = ref('')

onMounted(() => {
  testTreeData().then((res: any) => {
    data.value = res.data
  })
})
</script>

<style scoped></style>
